html {
  font-size: 12px;
  font-family: 'Microsoft YaHei';
}

body {
  .absolute;
  .pos-fit;
  overflow: hidden;
}

.border-gray {
  border-color: #ddd;
}

.ivu-table-noxscroll {
  .ivu-table-body {
    overflow-x: hidden;
  }
}

//修复表格前checkbox后面有奇怪点的问题
.ivu-table-header .ivu-table-cell .ivu-checkbox-wrapper,
.ivu-table-tbody .ivu-table-cell .ivu-checkbox-wrapper,
.custom-table-header .ivu-table-header .ivu-checkbox-wrapper {
  margin-right: 0;
}

//修复tab下滑线，错误，和不显示的bug
.ivu-tabs-no-animation {
  .ivu-tabs-ink-bar {
    display: none !important;
  }
  .ivu-tabs-tab-active {
    border-bottom: 3px solid @mainColor;
  }
}

//滚动条美化
.custom-scroll {
  @width: 6px;
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #f5f5f5;
    border-radius: @width;
  }
  ::-webkit-scrollbar {
    width: @width;
    background-color: #f5f5f5;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: @width;
    background-color: rgba(0, 0, 0, 0.2);
  }
}

.modal-nopadding .ivu-modal-wrap .ivu-modal {
  .ivu-modal-content .ivu-modal-body {
    padding: 0;
  }
}

.ivu-spin-table {
  &.ivu-spin-fix {
    background-color: rgba(255, 255, 255, 0.4);
  }
}

.ivu-spin-fix {
  display: block;
  background-color: rgba(255, 255, 255, 0.76);
  .ivu-spin-main {
    color: #fff;
    display: inline-block;
    .abs-center;
    height: auto;
    width: auto;
    &::after {
      content: '加载中...';
      color: #000;
      display: block;
      margin-left: 1rem;
    }
    .ivu-spin-dot {
      background-color: #000;
    }
  }
}

.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

//让tab适应容器
.ivu-tabs-fit.ivu-tabs {
  .ivu-tabs-content {
    position: absolute;
    right: 0;
    left: 0;
    top: 47px;
    bottom: 0;
    display: flex;
  }
  .ivu-tabs-tabpane {
    position: relative;
  }
}

.ivu-message {
  .abs-center;
  top: 40%;
  .ivu-message-notice-content {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
  .ivu-message-notice-content-text {
    padding: 1rem;
    min-width: 150px;
  }
}

.ivu-select-item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

// 超大的按钮
.btn-huge {
  padding: 2rem 3rem;
  font-size: 1.3rem;
}

.ivu-notice {
  top: 5rem !important;
}
